<style>
    .form-commonsearch .form-group {
        margin-left: 0;
        margin-right: 0;
        padding: 0;
    }

    .fixed-table-toolbar .columns {
        margin-top: 0;
    }

    form.form-commonsearch .control-label {
        padding-right: 0;
    }

    .tdtitle {
        margin-bottom: 5px;
        font-weight: 600;
    }

    #tree-department {
        margin-left: -6px;
        margin-top: 8px;
    }

    #bar-department .panel-heading {
        height: 55px;
        line-height: 25px;
        font-size: 14px;
    }

    #tabcontent-user .bs-bars,
    #toolbar-user {
        margin-top: 0 !important;
    }

    @media (max-width: 1230px) {

        .fixed-table-toolbar .search .form-control {
            display: none;
        }
    }

    @media (min-width: 1200px) {

        /* #bar-department {
            width: 20%;
        }

        #panel-user {
            width: 80%;
        } */
    }
</style>
<div class="panel panel-default panel-intro">
    <div class="panel-heading">
        {:build_heading(null,FALSE)}
        <p>适用于企业或团队，支持第三方办公平台（钉钉、企业微信、飞书）的成员登录前台，使用前请在第三方平台注册开通相关服务，并在【插件管理】中配置所需参数。<br/>
        只能选择启用钉钉、企业微信、飞书中的其中1个平台成员登录，不支持3个平台成员同时登录；<a href="https://www.fastadmin.net/store/thirdwork.html" target="_blank"><i class="fa fa-question-circle"></i> 查看插件帮助</a></p>
        <ul class="nav nav-tabs" data-field="platformtype" id="tabs-platform">
            {foreach name="platformList" item="vo"}
            <li {:get_addon_config('thirdwork')['platform']===$key ? 'class="active"' : '' }><a href="#t-{$key}"
                    data-value="{$key}" data-toggle="tab">{:get_addon_config('thirdwork')['platform'] === $key ?
                    $vo.'（启用中）' : $vo}</a></li>
            {/foreach}
        </ul>
    </div>
    <div class="panel-body">
        <div id="tabcontent-main" class="tab-content">
            <div class="row">
                <div class="col-md-3" id="bar-department" style="padding-right:0;">
                    <div class="panel panel-default panel-intro">
                        <div class="panel-heading">
                            <div class="panel-lead">
                                <em>远端部门列表</em>
                            </div>
                        </div>
                        <div class="panel-body">
                            <div id="toolbar-department">
                                <a href="javascript:;" class="btn btn-primary btn-refresh" title="重新同步部门，刷新本地缓存。"
                                    id="btn-refresh-department"><i class="fa fa-refresh"></i> 同步部门</a>
                                <a href="javascript:;" class="btn btn-info btn-switch" id="expandall"
                                    data-expandall="false" title="全部展开"><i class="fa fa-plus"></i> 全部展开</a>
                            </div>
                            <div id="tree-department">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xs-12 col-md-9" id="panel-user">
                    <div class="panel panel-default panel-intro">
                        <div class="panel-heading">
                            {:build_heading(null,FALSE)}
                            <ul class="nav nav-tabs" data-field="status" id="tabs-tabletype">
                                <li class="active"><a href="#t-all" data-toggle="tab" data-value="remotelist">远端部门成员</a>
                                </li>
                                <li><a href="#t-isbind" data-toggle="tab" data-value="isbind">该部门已绑定成员</a></li>
                                <li><a href="#t-all" data-toggle="tab" data-value="all">所有已绑定成员</a></li>
                            </ul>
                        </div>

                        <div class="panel-body">
                            <div id="tabcontent-user" class="tab-content">
                                <div class="tab-pane fade active in" id="one">
                                    <div class="widget-body no-padding">
                                        <div id="toolbar-user" class="pull-left toolbar">
                                            <a href="javascript:;" class="btn btn-primary btn-refresh" title="刷新"><i
                                                    class="fa fa-refresh"></i> 刷新</a>
                                        </div>
                                        <table id="table"
                                            class="table table-striped table-bordered table-hover table-nowrap"
                                            width="100%">
                                        </table>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>